body,html{
    background: #F4F4F4;
}
.AddArticleContent{
    width: 820px;
    background: #FFFFFF;
    box-shadow: 0 4px 4px 0 rgba(167,174,174,0.15);
    float: left;
    padding: 40px;
    .top{
        .tip{
            overflow: hidden;
            margin-bottom: 20px;
            .label{
                float: left;
                font-size: 14px;
                color: #333440;
                line-height: 36px;
            }
            .con{
                float: left;
                margin-left: 20px;
                overflow: hidden;
                .ant-input{
                    height: 36px;
                    background: rgba(0,0,0,0.02);
                    border: 1px solid rgba(0,0,0,0.15);
                    border-radius: 2px;
                }
                .ant-input:focus{
                    box-shadow: none;
                    background: rgba(203,172,122,0.10);
                    border: 1px solid #CBAC7A;
                }
                .ant-form-item-control{
                    line-height: 36px;
                }
                .ant-cascader-picker{
                    width: 100%;
                    background: rgba(0,0,0,0.02);
                }
                .coverImg{
                    width: 210px;
                    height: 140px;
                    border-radius: 2px;
                    background: rgba(0,0,0,0.02);
                    border: 1px solid rgba(0,0,0,0.15);
                    float: left;
                }
                .chooseImg{
                    float: left;
                    margin-left: 20px;
                    .updateimgbtn{
                        background-image: linear-gradient(-90deg, #EF4B4B 0%, #F7643C 100%);
                        box-shadow: 2px 4px 10px 0 rgba(239,75,75,0.27);
                        border-radius: 2px;
                        text-align: center;
                        height: 25px;
                        line-height: 25px;
                        width: 70px;
                        color: #fff;
                        font-size: 12px;
                        display: inline-block;
                        cursor: pointer;
                        margin-top:37px;
                    }
                    p{
                        margin-top: 14px;
                        font-size: 12px;
                        color: #333440;
                        margin-bottom: 0;
                    }
                }

            }
        }
    }
    .btnWrap{
        margin-top: 30px;
        div{
            position: relative;
            float: left;
            text-align: center;  
            width: 137px;
            height: 40px;
            line-height: 40px;
            color: #fff;
            font-size: 15px;
            cursor: pointer;
            border-radius: 4px;
            .hoverBtn{
                position: absolute;
                top:0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.04);
                border-radius: 4px;
                display: none;
            }
        }
        .saveBtn{                      
            background-image: linear-gradient(90deg, #19c2a7 4%, #1ed59c 100%);
            box-shadow: 2px 4px 10px 0 rgba(25,194,150,0.27);            
            margin: 0 75px 0 195px;           
        }
        .sendBtn{
            background-image: linear-gradient(90deg, #EF4B4B 4%, #F7643C 100%);
            box-shadow: 2px 4px 10px 0 rgba(239,75,75,0.27);
        }
        div:hover{
            .hoverBtn{
                display: block;
            }
        }
        
    }
}


